<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			h1{
				text-align: center;
			}
			#bd{
				width: 500px;
				height: 600px;
				box-shadow: 1px 1px 3px #D3D3D3;
				padding: 50px;
				margin: 0 auto;
				line-height: 50px;
			}
			#left{
				/*outline: none;*/
				border: none;
				box-shadow: 0 1px 2px gray;
				margin-left: 200px;
				/*margin: 0 auto;*/
			}
			#right{
				/*outline: none;*/
				border: none;
				box-shadow: 0 1px 2px gray;
				margin: 50px;
			}
		</style>
	</head>
	<body>
		<h1>表单</h1>
		<div id="bd">
			<!--<form>-->
				<div id="">
					用户名：<input type="text" name="" id="" value="" placeholder="请输入用户名" /><input type="button" id="" value="检验用户名是否合法" />
				</div>
				<div id="">
					密码：<input type="password" name="" id="" value="" placeholder="请输入密码" />
				</div>
				<div id="">
					确认密码：<input type="password" name="" id="" value="" placeholder="请再次确认密码" />
				</div>	
				<div id="">
					性别：<input type="radio" name="sex" value="man" />男
					<input type="radio" name="sex" value="woman" />女
				</div>
				<div id="">
					<input type="checkbox" name="xh" id="" value="ai" />篮球
					<input type="checkbox" name="xh" id="" value="ai" />跑步
					<input type="checkbox" name="xh" id="" value="ai" />游泳
				</div>
				<div id="">
					专业：<select name="zy">
						<option value="1">计算机</option>
						<option value="2">软件</option>
						<option value="3">电信</option>
						<option value="4">应电</option>
					</select>
				</div>
				个人简介：
				<div id="">
					<textarea rows="10"></textarea>
				</div>
				<div id="">
					头像：<input type="file" name="" id="" value="" />
				</div>
				<div id="">
					<input type="button" id="left" value="提交" />
					<input type="button" id="right" value="重置" />
				</div>
				
				
				
				
				
				
				
				
				
				
				
				
				
				
			<!--</form>-->
		</div>
	</body>
</html>
